<template>
  <!-- <div class="content-box">
  <common-header :title="title" ></common-header>-->
  <div class="page-content">
    <van-cell title="确认金额">
      <div slot="default" style="color: rgb(0, 0, 0);">
        ¥
        <span style="color: rgb(253, 57, 57);">{{ count }}</span>元
      </div>
    </van-cell>
    <!-- <van-cell title="单元格" value="内容" /> -->
    <template v-if="res && res.bankname">
      <van-cell title="银行名称" :value="res.bankname" />
      <van-cell title="银行卡号" :value="res.bankid" />
      <van-cell title="银行网点" :value="res.banksite" />
    </template>
    <div class="qrcode" v-else>
      <img v-lazy="apihost + imgsrc" alt srcset />
    </div>
    <div class="care">{{ careWord }}</div>
    <div style="text-align:center;font-size:12px;">
      <router-link to="/user">返回个人中心</router-link>
    </div>
    <commonFooter></commonFooter>
  </div>
  <!-- </div> -->
</template>
<script>
import { commonHeader, commonFooter } from "common";
import { API_HOST } from "@/store/mutation-types";
export default {
  name: "recharge",
  components: {
    commonHeader,
    commonFooter
  },
  computed: {
    kind() {
      return this.$route.params.kind;
    },
    count() {
      return this.$route.params.count;
    },
    careWord() {
      return this.$route.params.info;
    },
    imgsrc() {
      return this.$route.params.img;
    },
    res() {
      return this.$route.params.res;
    }
  },
  methods: {},
  mounted() {
    this.apihost = this.$ls.get(API_HOST);
    if (!this.apihost) {
      this.$store.dispatch("GET_CONF").then(res => {
        this.apihost = res.data.apihost;
      });
    }
    // console.log(this.$route.params.res);
  },
  data() {
    return {
      apihost: ""
      // res:""
    };
  }
};
</script>
<style lang="less" scoped>
@import "~styles/variable.less";
.qrcode img {
  margin-top: 0.3rem;
  width: 100%;
  vertical-align: top;
}
.yhk {
  padding: 0.2rem;
  text-align: left;
  font: 0.38rem/1rem "Microsoft YaHei";
}
</style>
